<template>
	<view class="change-content">
		<view class="changeheader">
			<!-- 我是change头部 -->
			<navigator open-type="navigateBack" class="back iconfont icon-31fanhui1"></navigator>
			<view class="header-text">
				切换城市
			</view>
		</view>
		<view class="pullup"></view>
	</view>

</template>

<script>
	export default {
		name: "ChangeHeader",
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.change-content {
		padding-top: 30px;
		.changeheader {
			padding-top: 30px;
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			background-color: #000000;
			color: #FFFFFF;
			text-align: center;
			height: 80px;
			line-height: 80px;

			.back {
				position: absolute;
				top: 30px;
				left: 15px;
				height: 80px;
				line-height: 80px;
			}

			.header-text {
				font-size: 18px;
				font-weight: 600;
			}

			.pullup {
				width: 100%;
				height: 100%;
				}
	}
		.pullup {
			width: 100%;
			height: 80px;
		}
	}
</style>
